<!-- 柱状图配置 -->
<template>
    <div>
        <el-form-item label="竖展示">
            <avue-switch
                type="textarea"
                :disabled="disabled"
                v-model="main.activeOption.category"
            ></avue-switch>
        </el-form-item>
        <el-collapse accordion>
            <el-collapse-item title="柱体设置">
                <el-form-item label="最大宽度">
                    <avue-slider
                        v-model="main.activeOption.barWidth"
                        :disabled="disabled"
                    >
                    </avue-slider>
                </el-form-item>
                <el-form-item label="圆角">
                    <avue-slider
                        v-model="main.activeOption.barRadius"
                        :disabled="disabled"
                    >
                    </avue-slider>
                </el-form-item>
                <el-form-item label="最小高度">
                    <avue-slider
                        v-model="main.activeOption.barMinHeight"
                        :disabled="disabled"
                    >
                    </avue-slider>
                </el-form-item>
            </el-collapse-item>
        </el-collapse>
    </div>
</template>

<script>
export default {
    name: "bar",
    inject: ["main", "contain"],
    data() {
        return {
            disabled: this.contain.activeObj.isLock
        };
    }
};
</script>

<style></style>
